//
var header = document.getElementById('header');
var subNav = document.getElementById('sub-nav');
//获取div对象，主要用于后面的显示跟隐藏
var obj=document.getElementById("return-top");
//声明变量scrollTop,主要用于判断滚动条移动的位置
var scrollTop=null;

//动态的给div添加onclick事件
obj.onclick=function(){
	//创建计时器
	var timer=setInterval(function(){
		//每记一次时，则调用该方法一次，那么滚动条就往上移动一次
		window.scrollBy(0,-100);
		if(scrollTop == 0){
			clearInterval(timer);	
		}
	},20);
}
//创建窗口的滚动事件
window.onscroll = function(){
	//获取当前滚动条的位置
	scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
	//如果滚动条的位置大于了100，则控制div的显示跟隐藏
	if(scrollTop >= 100){
		header.style.backgroundColor = '#333';
		subNav.style.backgroundColor = '#333';
		obj.style.bottom = "20px";
		obj.style.transition = 'bottom 0.5s';
	} else{
		obj.style.bottom = "-60px";
		header.style.backgroundColor = 'rgba(0,0,0,0.5)';
		subNav.style.backgroundColor = 'rgba(0,0,0,0.5)';
	}
}



/***************************左右焦点图*************************/





